.navmain {
    height:100%;
    width:100%;
    display:block;
    margin:0;
}

.navmain .navwall {
    width:100%;
    height:80%;
    display:block;
}

.navmain .mid {
    width:0;
    height:0;
    position:fixed;
    left:50%;
    right:50%;
    top:50%;
    bottom:50%;
    text-align:center;
}

@media (min-width: 800px) {
    .navmain .navtable {
        border:4px solid #FFFFFF;
        margin-left:-305px;
        margin-top:-81px;
        width:610px;
        height:244px;
    }

    .tdtitle {
        font-size:14pt;
        color:#dedede;
        text-align:center;
        vertical-align:bottom;
        margin-bottom:10px;
        height:50px;
    }

    .t {
        background-repeat:no-repeat;
        background-position:center;
        background-size:50px 50px;
    }

    .navmain .navtable table td {
        border:4px solid #FFFFFF;
        vertical-align:bottom;
        text-align:left;
    }

    .navmain .navtable table td p {
        color:#FFFFFF;
        font-size:12pt;
        margin-left:6px;
        margin-bottom:6px;
    }
}

@media (min-width: 992px) {
    .navmain .navtable {
        border:6px solid #FFFFFF;
        margin-left:-400px;
        margin-top:-106px;
        width:800px;
        height:320px;
    }

    .tdtitle {
        font-size:16pt;
        color:#dedede;
        text-align:center;
        vertical-align:bottom;
        margin-bottom:10px;
        height:50px;
    }

    .t {
        background-repeat:no-repeat;
        background-position:center;
        background-size:60px 60px;
    }

    .navmain .navtable table td {
        border:6px solid #FFFFFF;
        vertical-align:bottom;
        text-align:left;
    }

    .navmain .navtable table td p {
        color:#FFFFFF;
        font-size:12pt;
        margin-left:10px;
        margin-bottom:10px;
    }
}

@media (min-width: 1280px) {
    .navmain .navtable {
        border:8px solid #FFFFFF;
        margin-left:-500px;
        margin-top:-230px;
        width:1000px;
        height:500px;
    }

    .tdtitle {
        font-size:17pt;
        color:#dedede;
        text-align:center;
        vertical-align:bottom;
        margin-bottom:7px;
        height:35px;
    }

    .t {
        background-repeat:no-repeat;
        background-position:center;
        background-size:70px 70px;
    }

    .navmain .navtable table td {
        border:8px solid #FFFFFF;
        vertical-align:bottom;
        text-align:left;
    }

    .navmain .navtable table td p {
        color:#FFFFFF;
        font-size:12pt;
        margin-left:12px;
        margin-bottom:12px;
    }
}

@media (min-width: 1440px) {
    .navmain .navtable {
        border:10px solid #FFFFFF;
        margin-left:-600px;
        margin-top:-270px;
        width:1200px;
        height:600px;
    }

    .tdtitle {
        font-size:18pt;
        color:#dedede;
        text-align:center !important;
        vertical-align:bottom !important;
        margin-bottom:8px;
        height:40px;
    }

    .t {
        background-repeat:no-repeat;
        background-position:center;
        background-size:80px 80px;
    }

    .navmain .navtable table td {
        border:10px solid #FFFFFF;
        vertical-align:bottom;
        text-align:left;
    }

    .navmain .navtable table td p {
        color:#FFFFFF;
        font-size:12pt;
        margin-left:13px;
        margin-bottom:13px;
    }
}

@media (min-width: 1680px) {
    .navmain .navtable {
        border:12px solid #FFFFFF;
        margin-left:-700px;
        margin-top:-320px;
        width:1400px;
        height:700px;
    }

    .tdtitle {
        font-size:19pt;
        color:#dedede;
        text-align:center !important;
        vertical-align:bottom !important;
        margin-bottom:10px;
        height:45px;
    }

    .t {
        background-repeat:no-repeat;
        background-position:center;
        background-size:90px 90px;
    }

    .navmain .navtable table td {
        border:12px solid #FFFFFF;
        vertical-align:bottom;
        text-align:left;
    }

    .navmain .navtable table td p {
        color:#FFFFFF;
        font-size:12pt;
        margin-left:14px;
        margin-bottom:14px;
    }
}

@media (min-width: 1920px) {
    .navmain .navtable {
        border:15px solid #FFFFFF;
        margin-left:-750px;
        margin-top:-370px;
        width:1500px;
        height:750px;
    }

    .tdtitle {
        font-size:20pt;
        color:#dedede;
        text-align:center !important;
        vertical-align:bottom !important;
        margin-bottom:10px;
        height:50px;
    }

    .t {
        background-repeat:no-repeat;
        background-position:center;
        background-size:100px 100px;
    }

    .navmain .navtable table td {
        border:15px solid #FFFFFF;
        vertical-align:bottom;
        text-align:left;
    }

    .navmain .navtable table td p {
        color:#FFFFFF;
        font-size:12pt;
        margin-left:15px;
        margin-bottom:15px;
    }
}

.navmain .navtable table td:hover {
    cursor:pointer;
}

.navmain .navtable table {
    padding:5px;
    margin:0 auto;
    width:100%;
    height:100%;
}


.t11 {
    background-color:#d64e29;
    background-image: url(../images/11.png);
}

.t12 {
    background-color:#0387bb;
    background-image: url(../images/12.png);
}

.t13 {
    background-color:#ff8500;
    background-image: url(../images/13.png);
}

.t13_2 {
    background-color:#2a81ee;
    background-image: url(../images/14.png);
}

.t15 {
    background-color:#ff82d6;
    background-image: url(../images/15.png);
}

.t21 {
    background-color:#a300aa;
    background-image: url(../images/21.png);
}

.t22 {
    background-color:#1f5994;
    background-image: url(../images/22.png);
}

.t22_2 {
    background-color:#ff80d5;
    background-image: url(../images/22_2.png);
}

.t23 {
    background-color:#fae06b;
    background-image: url(../images/23.png);
}

.t25 {
    background-color:#007ccc;
    background-image: url(../images/25.png);
}

.t31 {
    background-color:#5c3ab7;
    background-image: url(../images/31.png);
}

.t32 {
    background-color:#009900;
    background-image: url(../images/32.png);
}

.t33 {
    background-color:#0085c0;
    background-image: url(../images/33.png);
}

.t35 {
    background-color:#8bc600;
    background-image: url(../images/35.png);
}

.t35_2 {
    background-color:#ff84d7;
    background-image: url(../images/35_2.png);
}

.t41 {
    background-color:#424242;
    background-image: url(../icon/4_1.png);
}

.t42 {
    background-color:#0a59c2;
    background-image: url(../images/42.png);
}

.t42_2 {
    background-color:#0387bb;
    background-image: url(../images/42_2.png);
}

.t43 {
    background-color:#ff80d5;
    background-image: url(../images/43.png);
}

.t43_2 {
    background-color:#a000a7;
    background-image: url(../images/44.png);
}

.t45 {
    background-color:#ff71ce;
    background-image: url(../images/45.png);
}

.t45_2 {
    background-color:#1771b5;
    background-image: url(../images/45_2.png);
}